<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>
			1px - https://juejin.cn/post/6844903877947424782#heading-18
		</title>
		<link
			rel="stylesheet/less"
			type="text/css"
			href="./assets/less/1px.less"
		/>
		<script src="https://cdn.bootcdn.net/ajax/libs/less.js/4.1.3/less.min.js"></script>
		<script>
			less = {
				env: 'development',
				async: false,
				fileAsync: false,
				poll: 1000,
				functions: {},
				dumpLineNumbers: 'comments',
				relativeUrls: false,
				rootpath: ':/a.com/',
			}
		</script>
	</head>

	<body>
		<div>
			<div class="hairlines hairlines-top">1px宽度 top</div>
		</div>
		<hr />
		<div>
			<div class="hairlines hairlines-bottom">1px宽度 bottom</div>
		</div>
		<hr />
		<div>
			<div class="hairlines hairlines-right">1px宽度 right</div>
		</div>
		<hr />
		<div>
			<div class="hairlines hairlines-left">1px宽度 left</div>
		</div>
		<hr />
		<div class="border-hairlines">1px边框</div>
		<hr />
	</body>
</html>
